<template>
    <div>
        {{ count }}
        <button @click="increment">increment</button>
    </div>
</template>

<script setup>
/**
 * setup语法糖
 * 作用：简化代码
 * 使用：在script代码块上添加一个setup属性，里面的代码会被编辑成组件 setup 函数的内容
 * 注意：任何在<script setup>声明的绑定（包括变量、函数声明、以及import导入的内容）都会暴露给模板，可以直接在模版中使用
 */
let count = 1
const increment = () => {
    count++
}
</script>

<style lang="scss" scoped></style>